<!--
 * @Description: 施工进度总计划实施管理审批信息(复制src\views\project\lists\approvalDetails.vue修改而来)
 * @Author: wind-lc
 * @version: 1.0
 * @Date: 2023-01-04 11:38:53
 * @LastEditTime: 2023-01-05 11:28:57
 * @FilePath: \cscec-pms-admin\src\views\construction\constructionSchedule\components\ApprovalDetail.vue
-->
<template>
  <a-modal
    class="approval-dialog"
    :footer="null"
    :title="title"
    :closable="true"
    :visible="visible"
    width="1200px"
    @cancel="handleClose"
  >
    <ApprovalDetailPage ref="page" :businessId="businessId" :visible="pageVisible" />
  </a-modal>
</template>
<script>
import ApprovalDetailPage from './ApprovalDetailPage'

export default {
  components: {
    ApprovalDetailPage
  },
  props: {
    title: {
      type: String,
      default: '审批详情'
    },
    visible: {
      type: Boolean,
      default: false
    },
    businessId: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      // 页面显示隐藏
      pageVisible: false
    }
  },
  watch: {
    visible(v) {
      const timer = setTimeout(()=>{
        this.pageVisible = v
        clearTimeout(timer)
      },100)
    }
  },
  created() {},
  methods: {
    handleClose() {
      this.$emit('confirm')
    }
  }
}
</script>
  
  <style>
.approval-dialog {
  position: relative;
  z-index: 9999999999;
}
</style>